// 登录表单验证和提交处理
document.addEventListener('DOMContentLoaded', function() {
    const loginForm = document.getElementById('loginForm');
    const usernameInput = document.getElementById('username');
    const passwordInput = document.getElementById('password');
    const usernameError = document.getElementById('usernameError');
    const passwordError = document.getElementById('passwordError');
    const rememberCheckbox = document.getElementById('remember');
    
    // 从本地存储加载记住的用户名
    if (localStorage.getItem('rememberedUsername')) {
        usernameInput.value = localStorage.getItem('rememberedUsername');
        rememberCheckbox.checked = true;
    }
    
    // 用户名验证
    function validateUsername() {
        const username = usernameInput.value.trim();
        
        if (username === '') {
            usernameError.textContent = '用户名不能为空';
            return false;
        }
        
        if (username.length < 3) {
            usernameError.textContent = '用户名至少需要3个字符';
            return false;
        }
        
        usernameError.textContent = '';
        return true;
    }
    
    // 密码验证
    function validatePassword() {
        const password = passwordInput.value;
        
        if (password === '') {
            passwordError.textContent = '密码不能为空';
            return false;
        }
        
        if (password.length < 6) {
            passwordError.textContent = '密码至少需要6个字符';
            return false;
        }
        
        passwordError.textContent = '';
        return true;
    }
    
    // 实时验证
    usernameInput.addEventListener('input', validateUsername);
    passwordInput.addEventListener('input', validatePassword);
    
    // 表单提交处理
    loginForm.addEventListener('submit', function(event) {
        event.preventDefault();
        
        const isUsernameValid = validateUsername();
        const isPasswordValid = validatePassword();
        
        if (isUsernameValid && isPasswordValid) {
            // 模拟登录过程
            const loginButton = document.querySelector('.login-button');
            const originalText = loginButton.textContent;
            
            loginButton.textContent = '登录中...';
            loginButton.disabled = true;
            
            // 模拟API调用延迟
            setTimeout(function() {
                // 如果勾选了"记住我"，保存用户名
                if (rememberCheckbox.checked) {
                    localStorage.setItem('rememberedUsername', usernameInput.value.trim());
                } else {
                    localStorage.removeItem('rememberedUsername');
                }
                
                // 在实际应用中，这里会发送登录请求到服务器
                alert('登录成功！在实际应用中，这里会跳转到用户仪表板。');
                
                // 重置表单
                loginForm.reset();
                loginButton.textContent = originalText;
                loginButton.disabled = false;
            }, 1500);
        }
    });
    
    // 忘记密码链接点击事件
    document.querySelector('.forgot-password').addEventListener('click', function(event) {
        event.preventDefault();
        alert('在实际应用中，这里会跳转到密码重置页面。');
    });
    
    // 注册链接点击事件
    document.querySelector('.register-link a').addEventListener('click', function(event) {
        event.preventDefault();
        alert('在实际应用中，这里会跳转到注册页面。');
    });
});